<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>排产</title>
		<link rel="stylesheet" type="text/css" href="../../css/style.css" />
		<link rel="stylesheet" type="text/css" href="../../css/list.css" />
		<link rel="stylesheet" type="text/css" href="../../css/layui.css"/>
		<style type="text/css">
			/**
 * 产品编号弹框
 */
.org_window {
		width: 800px;
		height: 300px;
		text-align: center;
		position: absolute;
		top: 35%;
		left: 30%;
		margin-left: -150px;
		margin-top: -100px;
		background: rgb(245, 245, 245);
		border: 1px solid rgb(200, 200, 200);
		box-shadow: 5px 5px 5px rgb(100, 100, 100);
	}
	
	.org_window p {
		text-align: center;
		height: 30px;
		background: rgb(68, 161, 248);
		line-height: 30px;
		color: white;
		margin-bottom: 25px;
	}
	.td_with {
		width: 243px;
	}
		</style>
	</head>

	<body>
		<!-- 蓝色背景区域 -->
		<div class="wrap">
			<!-- 白色可用区域 -->
			<div class="canuse">
				<!------ 位置 ------>
				<p class="contentText local"><span>位置：生产工单管理 > 生产调度派工 >齐套检查> 排产</span></p>

				<!-- 列表区 -->
				<div class="show_list">
					<div class="title_operate">
						<h4 class="sel_title"><img src="../../img/list/brand1.png" /><span>排产信息列表</span></h4>
					</div>
						<!-- 信息列表区 -->
						<div class="info_area">
							<table class="tablelist" border="1" cellspacing="0" cellpadding="0" style="margin-top: 20px;">
								<tbody>
									<tr class="menuText list_head">
										<th width="12.5%">计划号</th>
										<td width="12.5%"><label readonly="true" class="contentText">SCJH2019001702XD001</label></td>
										<th width="12.5%">产品代号</th>
										<td width="12.5%"><label readonly="true" class="contentText">702XD</label></td>
										<th width="12.5%">零部件代号：</th>
										<td width="12.5%">
											<label readonly="true" class="contentText">0301-01</label>
										</td>
									</tr>
									<tr class="menuText list_head">
										<th>计划数量</th>
										<td><label readonly="true" class="contentText">9</label></td>
										<th>完工数量</th>
										<td><label readonly="true" class="contentText">5</label></td>
										<th>状态：</th>
										<td>
											<label readonly="true" class="contentText">生产中</label>
										</td>
									</tr>
									<tr class="menuText list_head">
										<th>计划开始时间</th>
										<td><label readonly="true" class="contentText">2020-01-18</label> </td>
										<th>计划结束时间</th>
										<td><label readonly="true" class="contentText">2020-01-20</label></td>
										<th>发布时间：</th>
										<td>
											<label readonly="true" class="contentText">2020-01-24</label>
										</td>
									</tr>
									<tr class="menuText list_head">
										<th>工艺编号</th>
										<td><label readonly="true" class="contentText">工艺20</label></td>
										<th>工艺版本</th>
										<td><label readonly="true" class="contentText">手动版本</label></td>
										<th>承制班组</th>
										<td><label readonly="true" class="contentText">七分厂</label></td>
									</tr>
									<tr class="menuText list_head">
										<th>是否拼板</th>
										<td>
											<select>
												<option>是</option>
												<option>否</option>
											</select>
										
										</td>
										<th>派工状态</th>
										<td><label readonly="true" class="contentText">已派工</label></td>
										<th>操作人</th>
										<td><label readonly="true" class="contentText">admin</label></td>
									</tr>
								</tbody>
							</table>
							<div class="title_operate">
								<h4 class="sel_title"><img src="../../img/list/brand1.png" /><span>派工信息列表</span></h4>
								<!-- 操作类型区 -->
								<div class="operate_area">
									<a class="bgd_publish img_hand" id="publishPlan">派工</a>
									<a class="bgd_withdraw img_hand" id="cancelPlan">撤回</a>
									<a onclick="addDetail()" class="bgd_add img_hand">增加</a>
									<a onclick="deleteDetail()" class="bgd_delete img_hand">删除</a>
								</div>
							</div>
							<div style="">
							<table class="info_area" border="1"  cellspacing="0" cellpadding="0" style="margin-top: 20px;">
								<tbody>
									<tr class="menuText list_head">
										<th></th>
										<th>工序号</th>
										<th>工序名称</th>
										<th>承制人</th>
										<th>计划开工时间</th>
										<th>计划完工时间</th>
										<th>计划数量</th>
										<th>产品编号</th>
										<th>派工状态</th>
										<th>派工时间</th>
										<th>备注</th>
									</tr>
								</tbody>
								<tbody class="tablelist"  id="tableSchedulelist">
									<tr class="contentText  list_list">
										<td><input type="checkbox" class="input_checkBox" name="" id="" value=""></td>
										<td>
											<select name="" class="selectWidth">
												<option value="">YH0001</option>
												<option value="">YH0002</option>
												<option value="">YH0003</option>
											</select>
										</td>
										<td>
											<select name="" class="selectWidth">
												<option value="">零部件准备</option>
												<option value="">零部清洗</option>
												<option value="">零件预处理</option>
											</select>
										</td>
										<td><select><option>admin</option><option>张三</option></select></td>
										<td><input value="2020-01-18" /></td>
										<td><input value="2020-01-25" /></td>
											<td><input value="100" /></td>
										<td ><a id="productNumberDisplay">详情</a></td>
										<td><input value="未派工" /></td>
										<td><input value="2020-01-27" /></td>
										<td><input value="" /></td>
									</tr>
									<tr class="contentText  list_list">
										<td><input type="checkbox" class="input_checkBox" name="" id="" value=""></td>
										<td>
											<select name="" class="selectWidth">
												<option value="">YH0001</option>
												<option value="">YH0002</option>
												<option value="">YH0003</option>
											</select>
										</td>
										<td>
											<select name="" class="selectWidth">
												<option value="">零部件准备</option>
												<option value="">零部清洗</option>
												<option value="">零件预处理</option>
											</select>
										</td>
										<td><select><option>admin</option><option>张三</option></select></td>
										<td><input value="2020-01-18" /></td>
										<td><input value="2020-01-25" /></td>
											<td><input value="100" /></td>
										<td ><a id="productNumberDisplay">详情</a></td>
										<td><input value="未派工 " /></td>
										<td><input value="2020-01-27" /></td>
										<td><input value="" /></td>
									</tr>
								</tbody>
							</table>
							</div>
							<!-- 确定按钮 -->
							<div class="certainBtn" style="margin-top: 20px;">
								<a href="javascript:history.back(-1)" class="bgd_blue_two img_hand">保存</a>
								<a href="javascript:history.back(-1)" class="bgd_white_two img_hand">返回</a>
							</div>
						</div>
				</div>
			</div>
			<!--产品编号展示-->
		<div id="productNumberDisplayDiv" class="mask hidden">
							<div class="org_window" style="">
								<p>产品编号详情信息</p>
								<div class="article_list" style="width: 90%; margin: 0px auto;">
									<!------- 添加内容 ------->
									<div class="content content1">
										<!-- 用户列表内容区 -->
										<div class="con con_01">
											<!-- 表单信息填写区 -->
										<!--	<h4 class="sel_title" style="text-align: left;">
												<img src="../../img/list/brand1.png" /><span>产品编号详情信息</span>
											</h4>-->
											<div class="write_area">
													<sf:form method="post" id="addFrom" modelAttribute="organization">
													<table class="contentText" border="1" cellspacing="0" width="100%" cellpadding="0">
														  <tbody>
				                                    <tr class="menuText list_head">
				                                    	<th class="checkSelectAll"></th>
                                      					<th>序号</th>
				                                        <th>产品编号</th>
				                                        <th>拼板编号</th>
				                                        <th>状态</th>
				                                    </tr>
				                                </tbody>
														<tr>
															<td><input type="checkbox" class="input_checkBox" name="" id="" value=""></td>
															<td >1</td>
															<td >LS2019001702XD00100001</td>
															<td>LS2019001702XD00100001-00002</td>
															<td>未派工</td>
														</tr>
														<tr>
															<td><input type="checkbox" class="input_checkBox" name="" id="" value="" readonly="readonly"></td>
															<td >2</td>
															<td >LS2019001702XD00100003</td>
															<td>LS2019001702XD00100003-00004</td>
															<td>已派工</td>
														</tr>
														<tr>
															<td><input type="checkbox" class="input_checkBox" name="" id="" value=""></td>
															<td >3</td>
															<td ></td>
															<td ></td>
															<td ></td>
														</tr>
														<tr>
															<td><input type="checkbox" class="input_checkBox" name="" id="" value=""></td>
															<td >4</td>
															<td ></td>
															<td ></td>
															<td ></td>
														</tr>
														<tr>
															<td><input type="checkbox" class="input_checkBox" name="" id="" value=""></td>
															<td >5</td>
															<td ></td>
															<td ></td>
															<td ></td>
														</tr>
													</table>
												</sf:form>
												<!-- 保存、重置按钮区 -->
												<div align="center" class="btn_submit" style="margin-top: 20px;">
													<a href="productionScheduling.html" class="bgd_blue_two img_hand">确定</a>
													<a href="productionScheduling.html" class="bgd_white_two img_hand">返回</a>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
			<!-- 版尾  -->
			<div class="ending">
				Copyright 2019-2020 磐基技术有限公司
			</div>

		</div>
	</body>
	<script src="../../js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/common/common.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var h = document.documentElement.clientHeight;
		$(".wrap").css("height", h);

		// 获取每行 td 的兄弟节点
		$("td").hover(
			function() {
				$(this).parent().children().addClass("td_hover");
			},
			function() {
				$(this).parent().children().removeClass("td_hover");
			}
		);
		//派工
		$("#publishPlan").click(function() {
			alert("已派工");
		});
		//撤回
		$("#cancelPlan").click(function() {
			alert("已撤回");
		});
		//-------- 增加明细 ---------
		function addDetail() {
			var trInt = $("#tableSchedulelist").find("tr").length;
			var no = trInt + 1; // 序号

			var dom = "<tr class='contentText list_list'><td><input type='checkbox'  name='' id='' value=''></td>";
			dom += "<td><select name='' class='selectWidth'><option value=''>YH0001</option><option value=''>YH0002</option><option value=''>YH0003</option></select></td>";
			dom += "<td><select name='' class='selectWidth'><option value=''>零部件准备</option><option value=''>零部清洗</option><option value=''>零件预处理</option></select><td><select><option>admin</option><option>张三</option></select></td></td>";
			dom += "<td><input type='text' name='' value=''></td>";
			dom += "<td><input type='text' name='' value=''></td>";
			dom += "<td><input type='text' name='' value=''></td>";
			dom += "<td></td>";
			dom += "<td><input type='text' name='' value=''></td>";
			dom += "<td><input type='text' name='' value=''></td>";
			dom += "<td><input type='text' name='' value=''></td></tr>";

			$("#tableSchedulelist").append(dom);
		}

		//-------- 删除明细 ---------
		function deleteDetail() {
			var checks = $("input[type='checkbox']:checked");
			if(checks.length == 0) {
				$("#tableSchedulelist").find("tr:last").remove();
			} else {
				$.each(checks, function(item, obj) {
					$(obj).parent().parent().remove();
				});
			}
		}
		/**
		 * 产品编号显示弹框
		 */
		$("#productNumberDisplay").click(function(){
			$("#productNumberDisplayDiv").removeClass("hidden");
		});
		
		 $(".multipleSelect").fSelect();
	</script>

</html>